

<!DOCTYPE html>
<html lang="zh-CN" data-default-color-scheme=&#34;auto&#34;>



<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/img/2.jpg">
  <link rel="icon" type="image/png" href="/img/2.jpg">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="">
  <meta name="author" content="K">
  <meta name="keywords" content="">
  <title>K</title>

  <link  rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css" />



<!-- 主题依赖的图标库，不要自行修改 -->

<link rel="stylesheet" href="//at.alicdn.com/t/font_1749284_ba1fz6golrf.css">



<link rel="stylesheet" href="//at.alicdn.com/t/font_1736178_kmeydafke9r.css">


<link  rel="stylesheet" href="/css/main.css" />

<!-- 自定义样式保持在最底部 -->


  <script  src="/js/utils.js" ></script>
  <script  src="/js/color-schema.js" ></script>
<meta name="generator" content="Hexo 5.2.0"></head>


<body>
  <header style="height: 100vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/">&nbsp;<strong>かい</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/">
                <i class="iconfont icon-home-fill"></i>
                首页
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/archives/">
                <i class="iconfont icon-archive-fill"></i>
                归档
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/categories/">
                <i class="iconfont icon-category-fill"></i>
                分类
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/tags/">
                <i class="iconfont icon-tags-fill"></i>
                标签
              </a>
            </li>
          
        
          
          
          
          
            <li class="nav-item">
              <a class="nav-link" href="/about/">
                <i class="iconfont icon-user-fill"></i>
                关于
              </a>
            </li>
          
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;</a>
          </li>
        
        
          <li class="nav-item" id="color-toggle-btn">
            <a class="nav-link" href="javascript:">&nbsp;<i
                class="iconfont icon-dark" id="color-toggle-icon"></i>&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="banner intro-2" id="background" parallax=true
         style="background: url('/img/1.jpg') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask flex-center" style="background-color: rgba(0, 0, 0, 0.3)">
          <div class="container page-header text-center fade-in-up">
            <span class="h2" id="subtitle">
              
            </span>

            
          </div>

          
            <div class="scroll-down-bar">
              <i class="iconfont icon-arrowdown"></i>
            </div>
          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      <div class="container nopadding-md">
        <div class="py-5" id="board"
          style=margin-top:0>
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                


  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/30/docker%E7%8E%AF%E5%A2%83%E5%AE%89%E8%A3%85/" target="_self">
          <img src="/images/docker/docker_logo.jpg" srcset="/img/loading.gif" alt="docker-环境安装-基础命令">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/30/docker%E7%8E%AF%E5%A2%83%E5%AE%89%E8%A3%85/">docker-环境安装-基础命令</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/30/docker%E7%8E%AF%E5%A2%83%E5%AE%89%E8%A3%85/">
          
          
            
          
          Docker概述
docker是一种linux容器技术，一种高效，敏捷和轻量级的容器解决方案
支持多种主流平台，和本地部署，docker是基于GO语言实现的开源项目，
遵循 apache2.0开源会议，全部源码均在 https://github.com/docker 上进行相关维护。

Docker的体系结构
使用C/S架构

Docker内部核心概念
镜像 docker images
镜像是do
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-30 14:00" pubdate>
              2020-11-30
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/docker/">docker</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/docker/">docker</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/15/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-rem%E5%B8%83%E5%B1%80/" target="_self">
          <img src="/images/%E5%89%8D%E7%AB%AFrem%E5%B8%83%E5%B1%80/logo.png" srcset="/img/loading.gif" alt="前端布局-rem布局">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/15/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-rem%E5%B8%83%E5%B1%80/">前端布局-rem布局</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/15/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-rem%E5%B8%83%E5%B1%80/">
          
          
            
          
          em
em是一个单位 
em是相对于父元素字体大小来定义子元素的宽和高

rem（root em）
rem是一个单位
是一个相对单位，类似于em 
不同的是rem是基于 html字体大小来定义元素的宽和高
优点
可以通过修改html的font-size大小来改变页面的元素大小,达到整体控制



媒体查询(media)
媒体查询可以根据不同屏幕尺寸改变不同的样式

格式@media 

可以针对不
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-15 19:05" pubdate>
              2020-11-15
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/html-css/">html-css</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/08/%E5%89%8D%E7%AB%AF-css%E8%AE%B0%E5%BD%95/" target="_self">
          <img src="/images/%E5%89%8D%E7%AB%AFcss%E6%A0%B7%E5%BC%8F/logo.png" srcset="/img/loading.gif" alt="前端-css记录">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/08/%E5%89%8D%E7%AB%AF-css%E8%AE%B0%E5%BD%95/">前端-css记录</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/08/%E5%89%8D%E7%AB%AF-css%E8%AE%B0%E5%BD%95/">
          
          
            
          
          前言
记录在学习中遇到的新的css，记录在这里，防止以后忘掉

背景线性渐变
样式图
作用
使背景变的更绚丽


格式
background: -webkit-linear-gradient(方位名词,颜色1,颜色2) 



box-shadow 盒子阴影
格式

box-shadow: x坐标值(px) y坐标值(px) 模糊程度(px) 颜色;
box-shadow:2px 2px 5px 
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-08 12:50" pubdate>
              2020-11-08
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/html-css/">html-css</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/06/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-%E6%B5%81%E5%BC%8F%E5%B8%83%E5%B1%80/" target="_self">
          <img src="/images/%E5%89%8D%E7%AB%AF%E6%B5%81%E5%BC%8F%E5%B8%83%E5%B1%80/logo.png" srcset="/img/loading.gif" alt="前端布局-流式布局">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/06/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-%E6%B5%81%E5%BC%8F%E5%B8%83%E5%B1%80/">前端布局-流式布局</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/06/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-%E6%B5%81%E5%BC%8F%E5%B8%83%E5%B1%80/">
          
          
            
          
          
流式布局
概述

是页面中元素的宽度按照屏幕分辨率自动进行适配调整，也就是我们常说的适配，它可以保证当前屏幕分辨率发生改变的时候，页面中的元素大小也可以跟着改变，所以流式布局是移动端开发常用的一种布局。

通过盒子的宽度设置成百分比来根据屏幕的宽度进行伸缩，不受固定像素的限制，内容向两侧填充

流式布局方式是移动web开发使用比较常见的布局方式

基本属性



max-width
最大宽度


        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-06 11:12" pubdate>
              2020-11-06
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/html-css/">html-css</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/05/%E5%89%8D%E7%AB%AF%E8%AF%B7%E6%B1%82-ajax%E5%8F%82%E6%95%B0/" target="_self">
          <img src="/images/ajax/logo.jpg" srcset="/img/loading.gif" alt="JavaScript-ajax请求配置">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/05/%E5%89%8D%E7%AB%AF%E8%AF%B7%E6%B1%82-ajax%E5%8F%82%E6%95%B0/">JavaScript-ajax请求配置</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/05/%E5%89%8D%E7%AB%AF%E8%AF%B7%E6%B1%82-ajax%E5%8F%82%E6%95%B0/">
          
          
            
          
          ajax请求参数格式
post请求参数格式

application/x-www-form-urlencoded 
# 格式样式
name=lmk&amp;age=18&amp;sex=男

application/json
&#123;name:&#x27;lmk&#x27;,age:&#x27;18&#x27;,sex:&#x27;男&#x27;&#125;

multipart/form-d
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-05 14:50" pubdate>
              2020-11-05
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/javascript/">javascript</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/ajax/">ajax</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/05/%E5%89%8D%E7%AB%AF%E8%AF%B7%E6%B1%82-ajax%E8%AF%B7%E6%B1%82/" target="_self">
          <img src="/images/ajax/logo.jpg" srcset="/img/loading.gif" alt="JavaScript-ajax请求">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/05/%E5%89%8D%E7%AB%AF%E8%AF%B7%E6%B1%82-ajax%E8%AF%B7%E6%B1%82/">JavaScript-ajax请求</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/05/%E5%89%8D%E7%AB%AF%E8%AF%B7%E6%B1%82-ajax%E8%AF%B7%E6%B1%82/">
          
          
            
          
          ajax
为什么要使用ajax
传统网站中会有一些缺陷
网速慢的时候，页面加载时间长，用户只能等待
表单提交后，如果一箱内容不合格，就需要重新填写表单内容，体验不好
页面跳转，会重新加载页面，浪费资源，增加用户等待时间


ajax的优点
是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站的体验（就是用户在浏览网页的过程中局部的更新页面的内容）


应用场景
页面上拉加载数据
列
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-05 13:23" pubdate>
              2020-11-05
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/javascript/">javascript</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/ajax/">ajax</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/11/04/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-flex%E5%B8%83%E5%B1%80/" target="_self">
          <img src="/images/%E5%89%8D%E7%AB%AFflex%E5%B8%83%E5%B1%80/timg.jpg" srcset="/img/loading.gif" alt="前端布局-flex布局">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/11/04/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-flex%E5%B8%83%E5%B1%80/">前端布局-flex布局</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/11/04/%E5%89%8D%E7%AB%AF%E5%B8%83%E5%B1%80-flex%E5%B8%83%E5%B1%80/">
          
          
            
          
          flex布局
特点
flex是flexible Box的缩写，意为弹性布局，用来为盒模型提供最大的灵活性，任何容器都可以指定为flex布局
flex弹性布局，操作方便，布局简单，移动亿应用广泛
pc端支持较差，


与传统布局区别
传统布局在pc端兼容性好，但是布局繁琐，有局限性，不能在移动端方便的布局


两者总结（随便写写）
如果是pc端，用传统布局
如果是移动或者不考虑兼容性的pc端布局，就
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-11-04 23:23" pubdate>
              2020-11-04
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/%E5%89%8D%E7%AB%AF/">前端</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/html-css/">html-css</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/09/02/python%E6%96%87%E4%BB%B6/" target="_self">
          <img src="/images/python/python_logo.jpg" srcset="/img/loading.gif" alt="python-文件">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/09/02/python%E6%96%87%E4%BB%B6/">python-文件</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/09/02/python%E6%96%87%E4%BB%B6/">
          
          
            
          
          文件
通python程序来对计算机中的各个文件进行增删改查的操作

在其他语言中有称为 I/O（input / output），在python中就称为文件（file）

操作文件的步骤：

打开文件对文件进行各种操作（读，写）然后保存关闭文件



打开文件
open()函数用来打开文件

参数：

()里有一个位置参数和多个关键字参数file 位置参数 是 大开文件的路径mode 读还是写操作e
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-09-02 10:32" pubdate>
              2020-09-02
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/python/">python</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/python%E5%9F%BA%E7%A1%80/">python基础</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/09/01/python-python%E6%A8%A1%E5%9D%97%EF%BC%88os%E4%BB%A5%E5%8F%8Asys%EF%BC%89-%E6%A0%87%E5%87%86%E5%BA%93%E4%BB%A5%E5%8F%8A%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/" target="_self">
          <img src="/images/python/python_logo.jpg" srcset="/img/loading.gif" alt="python模块（os以及sys）-标准库以及异常处理">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/09/01/python-python%E6%A8%A1%E5%9D%97%EF%BC%88os%E4%BB%A5%E5%8F%8Asys%EF%BC%89-%E6%A0%87%E5%87%86%E5%BA%93%E4%BB%A5%E5%8F%8A%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/">python模块（os以及sys）-标准库以及异常处理</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/09/01/python-python%E6%A8%A1%E5%9D%97%EF%BC%88os%E4%BB%A5%E5%8F%8Asys%EF%BC%89-%E6%A0%87%E5%87%86%E5%BA%93%E4%BB%A5%E5%8F%8A%E5%BC%82%E5%B8%B8%E5%A4%84%E7%90%86/">
          
          
            
          
          模块
模块化，模块化指将一个完整的程序分解为一个一个的小模块，
通过将模块组和，来搭建出一个完整的程序


采用模块化和不采用的区别

不采用模块化，将所有代码编写到一个文件中
采用模块化，将程序分别编写到多个文件中


模块化的优点：
 1.方便开发 2.方便维护 3.模块可以复用

在python中一个py文件就是一个模块，要想创建一个模块，实际上就是创建一个python文件

注意：模块名要
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-09-01 10:32" pubdate>
              2020-09-01
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/python/">python</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/python%E5%9F%BA%E7%A1%80/">python基础</a>
            
          </div>
        
      </div>
    </article>
  </div>

  <div class="row mx-auto index-card">
    
    
      <div class="col-12 col-md-4 m-auto index-img">
        <a href="/2020/08/23/python-%E7%B1%BB(class)-%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/" target="_self">
          <img src="/images/python/python_logo.jpg" srcset="/img/loading.gif" alt="python类(class)-面向对象">
        </a>
      </div>
    
    <article class="col-12 col-md-8 mx-auto index-info">
      <h1 class="index-header">
        
        <a href="/2020/08/23/python-%E7%B1%BB(class)-%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/">python类(class)-面向对象</a>
      </h1>

      <p class="index-excerpt">
        <a href="/2020/08/23/python-%E7%B1%BB(class)-%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/">
          
          
            
          
          面型对象的三大特性
封装
确保对象中的数据安全


继承
保证了对象的可扩展性


多态
保证了程序的灵活性



类的封装
封装是面向对象的三大特性之一

封装是指隐藏对象中一些不希望被外部所访问的属性或方法

如果要隐藏一个类型的属性

将对象的属性名，修改为一个外部不知道的名字    （差不多就是自己骗自己这种感觉，外部还是能改的）


如何获取（修改）对象中的属性

需要提供一个gette
        </a>
      </p>

      <div class="index-btm post-metas">
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-date"></i>
            <time datetime="2020-08-23 07:32" pubdate>
              2020-08-23
            </time>
          </div>
        
        
          <div class="post-meta mr-3">
            <i class="iconfont icon-category"></i>
            
              <a href="/categories/python/">python</a>
            
          </div>
        
        
          <div class="post-meta">
            <i class="iconfont icon-tags"></i>
            
              <a href="/tags/python%E5%9F%BA%E7%A1%80/">python基础</a>
            
          </div>
        
      </div>
    </article>
  </div>



  <nav aria-label="navigation">
    <span class="pagination" id="pagination">
      <a class="extend prev" rel="prev" href="/page/2/"><i class="iconfont icon-arrowleft"></i></a><a class="page-number" href="/">1</a><a class="page-number" href="/page/2/">2</a><span class="page-number current">3</span><a class="page-number" href="/page/4/">4</a><a class="page-number" href="/page/5/">5</a><a class="extend next" rel="next" href="/page/4/"><i class="iconfont icon-arrowright"></i></a>
    </span>
  </nav>
  
  <script>
    for (ele of document.getElementById("pagination").getElementsByTagName("a")) {
      ele.href += '#board';
    }
  </script>



              </div>
            </div>
          </div>
        </div>
      </div>
    
  </main>

  
    <a id="scroll-top-button" href="#" role="button">
      <i class="iconfont icon-arrowup" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  

  <footer class="text-center mt-5 py-3">
  <div class="footer-content">
     <a href="https://space.bilibili.com/39165374" target="_blank" rel="nofollow noopener"><span>LMK</span></a> <i class="iconfont icon-love"></i> <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"><span>Fluid</span></a> 
  </div>
  
  <div class="statistics">
    
    

    
      
        <!-- 不蒜子统计PV -->
        <span id="busuanzi_container_site_pv" style="display: none">
            总访问量 
            <span id="busuanzi_value_site_pv"></span>
             次
          </span>
      
      
        <!-- 不蒜子统计UV -->
        <span id="busuanzi_container_site_uv" style="display: none">
            总访客数 
            <span id="busuanzi_value_site_uv"></span>
             人
          </span>
      
    
  </div>


  

  
</footer>

<!-- SCRIPTS -->
<script  src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
<script  src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js" ></script>
<script  src="/js/debouncer.js" ></script>
<script  src="/js/main.js" ></script>

<!-- Plugins -->


  
    <script  src="/js/lazyload.js" ></script>
  



  



  <script defer src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js" ></script>
  <script  src="/js/clipboard-use.js" ></script>



  <script defer src="https://busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js" ></script>







  <script  src="https://cdn.staticfile.org/typed.js/2.0.11/typed.min.js" ></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "这里充斥着迷梦，我正式逐梦之人&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>





  <script  src="/js/local-search.js" ></script>
  <script>
    var path = "/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      searchFunc(path, 'local-search-input', 'local-search-result');
      this.onclick = null
    }
  </script>

















</body>
</html>
